$(window).ready(function(){
    $("#username").focus();
});

$(function(){
	$("form").validate({
		
		rules:{
            username:{
				required:true
			},
            password:{
				required:true
			}
		}, 
		
		messages:{
            username:{
				required:"用户名不能为空",
			},
            password:{
				required:"密码不能为空",
			}
		},

		errorClass:"unpassed_validation",
		validClass:"passed_validation",
		
		/* 当执行验证操作的元素未通过验证时触发函数 */
		/* element指代所有满足上述条件的元素 */
		highlight:function(element,errorClass,validClass){
			$(element).addClass(errorClass);
		},
		
		/* 当未通过验证操作的元素通过验证时触发函数 */
		/* element指代所有满足上述条件的元素 */
		unhighlight:function(element,errorClass,validClass){
			$(element).removeClass(errorClass);
		},
		
		/* 指定用什么信息把上面的errorElement包裹起来 */
		/* 默认为none */
		/* wrapper:"div" */
		/* 指定错误消息的显示位置 */
		errorPlacement:function(error,element){
			var label = $(element).parent().find("p");
			label.html($(error).html());
		},
		
		/* 要验证的元素通过验证后的动作 */
		success:function(){
			/* 不显示默认的error标签 */
			/* 而利用content属性在label标签后面显示错误信息 */
		}
		
	});
});